<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>惠金所激情世界杯</title>
    <link rel="stylesheet" href="./css/css.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="js/adaptive.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/clipboard.min.js"></script>
    <script src="js/index.js"></script>
    <script>
        function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid)) {
                window.location.href = 'pc.html'+window.location.search;
            }
        }
        browserRedirect();
        // 设计图宽度
        window['adaptive'].desinWidth = 750;
        // body 字体大小 会将body字体大小设置为 baseFont / 100 + 'rem'  750的设计图一般设置为28,640的设计图一般设置为24
        window['adaptive'].baseFont = 28;
        // 显示最大宽度 可选
        window['adaptive'].maxWidth = 750;
        window['adaptive'].scaleType = 1;
        // 初始化
        window['adaptive'].init();
    </script>
</head>
<body>
    <div class="wrapper">
        <header class="header">
            <h1 class="title">惠金所激情世界杯</h1>
        </header>
        <div class="banner">
            <p>惠金所激情世界杯</p>
            <time>3月15日-7月15日</time>
            <p>点燃我的战队</p>
        </div>
        <section class="section section-one" id="section-one1">
            <h2 class="title">我的世界杯战队</h2>
            <button id="creatMyGrp" class="btn1">当前还没有战队，立即组建</button>
            <a class="check-team" id="check-team" href="javascript:void(0);">查看我的战队</a>
        </section>
        <section class="section section-one" id="section-one2" style="display: none;">
            <h2 class="title">我的世界杯战队</h2>
            <p>当前总进球数 <span class="ballNum">0</span>个<i class="icon icon-ball"></i></p>
            <ul class="people-list">
                <!--<li><img class="avator" src="./images/Nationalflag1.png" alt="">138****3333</li>-->
                <!--<li><img class="avator" src="./images/Nationalflag1.png" alt="">138****3333</li>-->
                <!--<li><img class="avator" src="./images/Nationalflag1.png" alt="">138****3333</li>-->
            </ul>
            <p>当前投资金额 ：<span class="totalInvest">0</span> 元 </p>
            <!--<input id="foo" class="copyInput" value="" />-->
            <button id="invitation-btn" class="btn1 copybtn" data-clipboard-text="">邀请组队</button>
        </section>
        <section class="section section-two">
            <h2 class="title">活动规则</h2>
            <dl>
                <dt>1、活动时间： 2018/04/04-2018/07/15.</dt>
                <dt>2活动基本规则</dt>
                <dd>2.1、活动期间通过本页面参与惠金所投资理财(页面内完成注册并投资，APP、网站投资无效)，可以参与本次活动</dd>
                <dd>2.2、每个人仅限创建或者参加一支战队，战队至少1人，最多10人</dd>
                <dt>3、活动奖励</dt>
                <dd>3.1、进球：组员投资可以贡献进球，首投1000及以上1个球;首投5000及以上2个球;首投10000及以上3个球;复投5000及以上1个球(仅限一次)</dd>
                <dd>3.2、次日系统更新昨日战队总球数排名，月末前三名分别奖励300球、240球、150球(进球数相同者按时间顺序排名)。次月重新计算球队进球数</dd>
                <dd>3.3、1个进球按30元结算,战队总进球数在次月做为战队的总奖金发放依据</dd>
                <dt>4、奖励结算</dt>
                <dd>次月，战队成员可以联系微信公众号"淘金钱包"客服申请平分战队上月总奖金。过期无效。</dd>
            </dl>
        </section>
        <section class="section section-four">
            <h2 class="title">新手专享</h2>
            <div class="chepai">
                <p><span class="number">11</span>%年化利率 <br/>100元起投</p>
                <a class="link" href="https://www.hfax.com/nextgenh5/n/filtration?merchantId=9000000000000074&channelKey=DB">立即参与</a>
            </div>
        </section>
        <section class="section section-three">
            <h2 class="title">战队排名TOP10</h2>
            <p class="tips1">提示 : 进球数相同者按时间顺序排名</p>
            <ul class="top-list">
                <!--<li>-->
                    <!--<i class="num n1">1</i>-->
                    <!--<img class="avator" src="./images/Nationalflag1.png" alt="">-->
                    <!--<span class="name">123****4454的战队</span>-->
                    <!--<span class="ball-num">101个</span>-->
                    <!--<i class="icon icon-ball"></i>-->
                <!--</li>-->
            </ul>
        </section>
        <section class="section section-five">
            <h2 class="title">惠金所介绍</h2>
            <p>惠金所(北京中关村融汇金融信息服务有限公司)是阳光保险集团旗下互联网金融企业,经由北京市金融行政管理部门核准设立,为企业、金融机构、个人等领域客户提供专业金融信息服务,是中国领先的金融信息服务企业。</p>
            <p>惠金所稳健运营,实现了100%安全兑付,零逾期、零坏账的优异表现,积累了大量优质客户,获得了投资者和市场的信任和赞誉。</p>
            <ul class="list">
                <li>
                    <i class="icon icon1"></i>
                    <h3>严格风控</h3>
                    <p>险资背景，多重风控，高科技护航</p>
                </li>
                <li>
                    <i class="icon icon2"></i>
                    <h3>专业至上</h3>
                    <p>来自华尔街的金融团队，甄选优质资产</p>
                </li>
                <li>
                    <i class="icon icon3"></i>
                    <h3>产品丰富</h3>
                    <p>多系列产品，满足用户多样化投资需求</p>
                </li>
            </ul>
        </section>
        <section class="footer" style="display: none;">
            <p>更多信息，欢迎致电惠金所客服热线(每天9 : 00-21 : 00)</p>
            <p class="phone"><a href="tel:4000158800">400-015-8800</a></p>
            <p>本活动规则最终解释权归阳光保险集团旗下惠金所所有</p>
        </section>
    </div>
    <div class="zhezhao"></div>
    <div class="alert" id="alert1">
        <h2 class="title">查看我的战队</h2>
        <div class="content">
            <form id="see-team-form">
                <div class="group">
                    <input type="text" name="phone" placeholder="请输入您的手机号码">
                    <p class="tips"></p>
                </div>
                <div class="group">
                    <input type="text" name="code" placeholder="请输入手机验证码">
                    <img src="" alt="二维码" title="点击刷新" class="code-img">
                    <p class="tips"></p>
                </div>
            </form>
        </div>
        <div class="btn-group">
            <button class="btn1">取消</button>
            <button class="btn2">确定</button>
        </div>
    </div>
    <div class="alert" id="alert2">
        <h2 class="title">提示</h2>
        <div class="content">
            <p class="invite-tip">您的好友<span class="inviteUserPhone"></span><br/>邀请您加入TA的世界杯战队</p>
        </div>
        <div class="btn-group">
            <button class="btn1">先看看</button>
            <button class="btn2">接收</button>
        </div>
    </div>
    <div class="alert" id="alert3">
        <h2 class="title">接受</h2>
        <div class="content">
            <form id="join-team-form">
                <div class="group">
                    <input type="text" name="phone" placeholder="请输入您的手机号码">
                    <p class="tips"></p>
                </div>
            </form>
        </div>
        <div class="btn-group">
            <button class="btn1">取消</button>
            <button class="btn2">确定</button>
        </div>
    </div>
    <div class="alert" id="alert4">
        <h2 class="title">组建战队</h2>
        <div class="content">
            <form id="create-team-form">
                <div class="group">
                    <input type="text" name="phone" placeholder="请输入您的手机号码">
                    <p class="tips"></p>
                </div>
            </form>
        </div>
        <div class="btn-group">
            <button class="btn1">取消</button>
            <button class="btn2">确定</button>
        </div>
    </div>
    <div class="alert" id="alert5">
        <h2 class="title">提示</h2>
        <div class="content">
            <p class="invite-tip"><span></span><br/>是否查看战对详情！</p>
        </div>
        <div class="btn-group">
            <button class="btn1">取消</button>
            <button class="btn2">查看</button>
        </div>
    </div>
    <div class="alert" id="alert6">
        <h2 class="title">温馨提示</h2>
        <div class="content">
            <p class="invite-tip">组建战队成功，请使用该手机号注册投资！！</p>
        </div>
        <div class="btn-group">
            <button class="btn2">确定</button>
        </div>
    </div>
    <div class="alert" id="alert7">
        <h2 class="title">温馨提示</h2>
        <div class="content">
            <p class="invite-tip"></p>
        </div>
    </div>
    <div class="tips" id="tips1"></div>
</body>
</html>